@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;
}
main{
	width: 100%;
	height: 5570px;
	bor der: 1px solid red;
}
/* 面包屑导航切片 */
nav{
	width: 100%;
	height: 102px;
	bor der: 1px solid red;
}
/* 2.面包屑导航中控区：居中 */
div#nav-wrapper{
	width: 1232px;
	height: 102px;
	backgr ound-color: #ffaaff;
	margin: 0 auto;
}
/* 3.左侧区域*/
div#nav-wrapper div.nav-left{
	width: 788px;
	height: 102px;
	backgr ound-color: #aaff7f;
	float: left;
}
/* 3.1左侧小米LOGO 设置宽高 浮动*/
div#nav-wrapper div.nav-left div.LOGO1{
	bor der: 1px solid red;
	width: 56px;
	height: 56px;
	background: url(../img/LOGO1.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 28px;
	float: left;
}
/* 3.2左侧动图 设置宽高 */
div#nav-wrapper div.nav-left div.picture{
	bor der: 1px solid red;
	width: 146px;
	height: 56px;
	background: url(../img/donghua.gif);
	background-size: 100% 100%;
	margin-top: 28px;
	float: left;
}
 /* 3.3左侧部分 li 导航数据布局：浮动，设置高 */
div#nav-wrapper div.nav-left ul li{
	height: 102px;
	float: left;
}
div#nav-wrapper div.nav-left ul li a.xm{
	padding-left: 20px;
}
/* 3.4左侧部分 li a 垂直居中 左右空间*/
div#nav-wrapper div.nav-left ul li a{
	color: #000;
	font-size: 16px;
	line-height: 102px;
	padding: 0 8px;
	border-right: none;
}
/*3.5左侧部分 li a悬停效果 */
div#nav-wrapper div.nav-left ul li a:hover{
	color: #ff6700;
}
/* 4.右侧区域 */
div#nav-wrapper div.nav-right{
	bor der: 1px solid red;
	width: 355px;
	height: 102px;
	backg round-color: #aaffff;
	float: right;
}
/* 4.1右侧区域外框 */
div#nav-wrapper div.nav-right div.wai{
	border: 1px solid #e0e0e0;
	width: 297px;
	height: 51px;
	float: right;
	margin-top: 27px;
}
/* 4.2右侧区域内框 */
div#nav-wrapper div.nav-right div.wai div.nei{
	border: 1px solid #e0e0e0;
	width: 245px;
	height: 51px;
}
/* 4.3右侧区域：span布局：浮动 设置高 */
div#nav-wrapper div.nav-right div.wai div.nei span{
	
	height: 20px;
	float: right;
}
/* 4.3.1右侧区域：span文字 ，选中，垂直居中，左右空间，字体，背景颜色*/
div#nav-wrapper div.nav-right div.wai div.nei span{
	bor der: 1px solid red;
	line-height: 20px;
	padding: 0 8px;
	margin-top: 18px;
	margin-right: 12px;
	background-color: #eeeeee;
	color: #6d6d6d;
	font-size: 12px;
}
/* 4.4右侧区域 i 搜索图标框 布局：设置宽高，浮动*/
div#nav-wrapper div.nav-right div.wai i.search{
	border: 1px solid #e0e0e0;
	width: 53px;
	height: 51px;
    float: right;
}
/* 4.5右侧区域 精灵图 */
div#nav-wrapper div.nav-right div.wai i.search{
	background: url(../img/search.png) no-repeat;
	position: relative;
	background-position: center;
	background-color: #fff;
}
/* 4.6右侧区域去掉内框的三个边框 */
div#nav-wrapper div.nav-right div.wai div.nei{
	border-top: none;
	border-left: none;
	border-bottom: none;
}
/* 4.7右侧区域：span 悬停效果：背景改
                            背景改同时字体改*/
div#nav-wrapper div.nav-right div.wai div.nei span:hover{
	background-color: #ff6700;
	color: #fff;
}
/* 4.8左侧区域 ：悬停效果 */
div#nav-wrapper div.nav-left ul li a:hover{
	color: #ff6700;
}
/* 5.左栏和轮廓区切片 */
sec tion{
	width: 100%;
	height: 502px;
	bor der: 1px solid red;
}
/* 5.1左栏和轮廓图中控区：居中 */
div#sec-wrapper{
	width: 1232px;
	height: 502px;
	backgro und-color: #00aa00;
	margin: 0 auto;
}
/* 5.2左栏区域 */
article{
	width: 236px;
	height: 502px;
	bor der: 1px solid red;
	background-color: #949494;
	float: left;
}
/*5.2.1左栏效果  列表项：颜色，垂直居中，相对定位【勾点位】*/
article ul.sidebar li{
	bor der: 1px solid red;
	color: #fff;
	height: 46px;
	line-height: 46px;
	text-align: center;
	text-align: left;
	padding-left: 30px;
	position: relative;/*勾点位*/
}
/* 5.2.2鼠标移动左栏，产品区：悬停效果，背景颜色 */
article ul.sidebar li:hover{
	background-color: #ff5500;
}
/* 5.2.3左栏弹出：使用绝对定位【钩子】*/
art icle ul.sidebar div.outer{
	position: absolute;
	width: 500px;
	height: 460px;
	border: 1px solid red;
	left: 236px;
	/*Jquery 切换:显示与隐藏 */
	display: block;
	/* 堆叠属性 */
	z-index: 999;
}
/* 5.2.4伪类选择器 右侧  > */
article ul.sidebar li:after{
	content: ">";
	position: absolute;
	color: #fff;
	font-size: 16px;
	right: 26px;
}
/* 5.2.5左栏区域上下空间留白 */
div#sec-wrapper article ul.sidebar li.space{
	bor der: 1px solid red;
	margin-top: 20px;
}
/* 5.3轮播图区域 */
figure{
	width: 992px;
	height: 502px;
	bor der: 1px solid red;
	background-color: #55ffff;
	float: left;
}
/* 6.活动图区中控区居中*/
section#event-wrapper{
	width: 1232px;
	height: 233px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 6.1张图：浮动 li*/
section#event-wrapper ul li{
	float: left;
}
/* 4.1抓4张图片，同意设置宽高 */
section#event-wrapper ul li img{
	borde r: 1px solid red;
}
/* 4.2 四张图片的空间 */
section#event-wrapper ul li{
	margin-top: 25px;
	margin-left: 16px;
}
/* 5.第一张图片：宽，拿下左外边距  伪类选择器：抓取第一个元素:first-child 抓取第一个元素
			                                                         last-child 抓取最后一个元素
					注意：直接追加li
					*/
section#event-wrapper ul li:first-child{
	margin-left: 0;
}
/* 6.所有图片设置下阴影 */
section#event-wrapper ul li img:hover{
	filter: drop-shadow(0 0 10px #333);
}
/* 7.明星单品展示中控区居中 */
section#pro-wrapper{
	width: 1232px;
	height: 430px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 7.1 文字设置大小 颜色 浮动 */
section#pro-wrapper span{
	font-size: 25px;
	color: #000;
	float: left;
}
/*7.2 右侧部分 ">"设置边框 */
section#pro-wrapper ul li.big{
	border: 1px solid #e0e0e0;
	width: 40px;
	height: 28px;
	font-size: 16px;
	text-align: center;
	line-height: 27px;
	color: #000;
	float: right;
}
/* 7.3 右侧部分 "<"设置边框 */
section#pro-wrapper ul li.small{
	border: 1px solid #e0e0e0;
	width: 40px;
	height: 28px;
	font-size: 16px;
	text-align: center;
	line-height: 27px;
	color: #000;
	float: right;
}
/* 7.4去掉">"左侧边框 */
section#pro-wrapper ul li.big{
	border-left: none;
}
/* 7.5 右侧两个边框设置悬停效果 */
section#pro-wrapper ul li.big:hover{
	background-color: #666666;
}
section#pro-wrapper ul li.small:hover{
	background-color: #666666;
}
/*8 小米明星单品图片 设置宽高 背景颜色 */
section#pro-wrapper dl{
	width: 235px;
	height: 340px;
	bor der: 1px solid red;
	float: left;
	margin-top: 50px;
	margin-left: 11.2px;
	background-color: #fafafa;
}
/* 设置第五张图片与图标的间距 */
section#pro-wrapper dl.fifth{
	margin-top: 20px;
}
/* 8.1第一个商品区：dl:上边框颜色，浮动 */
section#pro-wrapper dl.first{
	border: 1px solid #fafafa;
	border-top-color: #fd7b09;
	margin-left: -150px;
}
/* 8.1.2 第一个商品区 图片区：居中 */
section#pro-wrapper dl.first dt{
	text-align: center;
	margin-top: 67px;
}
/* 8.1.3第一个商品区 文字区 第一行 */
section#pro-wrapper dl.first dd.list1{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 51px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
 /* 8.1.4第一个商品区 文字区 第二行 */
section#pro-wrapper dl.first dd.list2{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	text-align: center;
	color: #b3b3b3;
	font-size: 14px;
}
/* 8.1.5第一个商品区 文字区 第三行  */
section#pro-wrapper dl.first dd.list3{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	text-align: center;
	color: #ef7408;
	font-size: 13px;
}
/* 8.2第二个商品区：dl:上边框颜色，浮动 */
section#pro-wrapper dl.second{
	border: 1px solid #fafafa;
	border-top-color: #83c44e;
}
/* 8.2.2  图片区：居中 */
section#pro-wrapper dl.second dt{
	text-align: center;
	margin-top: 45px;
}
/* 8.2.3 文字区 第一行 */
section#pro-wrapper dl.second dd.two-list1{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 29px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 8.2.4文字区 第二行 */
section#pro-wrapper dl.second dd.two-list2{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	text-align: center;
	color: #b3b3b3;
	font-size: 14px;
}
/* 8.2.5 文字区 第三行  */
section#pro-wrapper dl.second dd.two-list3{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	text-align: center;
	color: #ef7408;
	font-size: 13px;
}
/* 8.3第三个商品区：dl:上边框颜色，浮动 */
section#pro-wrapper dl.third{
	border: 1px solid #fafafa;
	border-top-color: #2196f3;
}
/* 8.3.2  图片区：居中 */
section#pro-wrapper dl.third dt{
	text-align: center;
	margin-top: 98px;
}
/* 8.2.3 文字区 第一行 */
section#pro-wrapper dl.third dd.three-list1{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 76px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 8.3.4文字区 第二行 */
section#pro-wrapper dl.third dd.three-list2{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	text-align: center;
	color: #b3b3b3;
	font-size: 14px;
}
/* 8.3.5 文字区 第三行  */
section#pro-wrapper dl.third dd.three-list3{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	text-align: center;
	color: #ef7408;
	font-size: 13px;
}
/* 8.4第四个商品区：dl:上边框颜色，浮动 */
section#pro-wrapper dl.fourth{
	border: 1px solid #fafafa;
	border-top-color: #e53935;
}
/* 8.4.2  图片区：居中 */
section#pro-wrapper dl.fourth dt{
	text-align: center;
	margin-top: 54px;
}
/* 8.4.3 文字区 第一行 */
section#pro-wrapper dl.fourth dd.four-list1{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 25px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
/* 8.3.4文字区 第二行 */
section#pro-wrapper dl.fourth dd.four-list2{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	text-align: center;
	color: #b3b3b3;
	font-size: 14px;
}
/* 8.4.5 文字区 第三行  */
section#pro-wrapper dl.fourth dd.four-list3{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	text-align: center;
	color: #ef7408;
	font-size: 13px;
}
/* 8.5第五个商品区：dl:上边框颜色，浮动 */
section#pro-wrapper dl.fifth{
	border: 1px solid #fafafa;
	border-top-color: #00c0a5;
}
/* 8.5.2  图片区：居中 */
section#pro-wrapper dl.fifth dt{
	text-align: center;
	margin-top: 50px;
}
/* 8.5.3 文字区 第一行 */
section#pro-wrapper dl.fifth dd.five-list1{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 41px;
	text-align: center;
	color: #474747;
	font-size: 14px;
}
section#pro-wrapper dl.fifth dd.five-list2{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	text-align: center;
	color: #b3b3b3;
	font-size: 14px;
}
/* 8.5.5 文字区 第三行  */
section#pro-wrapper dl.fifth dd.five-list3{
	bor der: 1px solid green;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	text-align: center;
	color: #ef7408;
	font-size: 13px;
}
#background{
	background-color: #f5f5f5;
}
/* 9.智能硬件中控区 居中 */
section#int-wrapper{
	width: 1232px;
	height: 776px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 9.1智能硬件区 span li 设置大小 颜色 浮动 */
section#int-wrapper span{
	font-size: 25px;
	margin-top: 78px;
	color: #000;
    float: left;
}
/* 9.2 左侧长图片 设置间距 文字：设置颜色 大小 间距 */
section#int-wrapper ul.one li{
	font-size: 16px;
	float: right;
	margin-top: 78px;
	margin-left: 8px;
}
section#int-wrapper ul.one li a{
	font-size: 18px;
	color: #000;
}
section#int-wrapper ul.two li img{
	margin-left: -100px;
	margin-top: 128px;
}
section#int-wrapper ul.two li.first{
	bor der: 1px solid red;
	font-size: 23px;
	color: #000;
	margin-top: -556px;
	margin-left: 20px;
}
section#int-wrapper ul.two li.second{
	bor der: 1px solid red;
	font-size: 16px;
	color: #000;
	margin-top: 16px;
	margin-left: 10px;
}
section#int-wrapper ul.two li.thrid{
	bor der: 1px solid red;
	font-size: 26px;
	color: #00a8ff;
	margin-top: 23px;
	margin-left: 75px;
}
section#int-wrapper dl{
	margin-top: 30px;
}
 /* 9.3右侧图片 小米体重秤 设置间距 文字：设置颜色 大小 间距 */
section#int-wrapper dl.three{
	width: 236px;
	height: 303px;
	bo rder: 1px solid red;
	background-color: #fff;
	float: left;
	margin-top: -188px;
	margin-left: 244px;
}
section#int-wrapper dl.three dt{
	text-align: center;
	margin-top: 112px;
}
section#int-wrapper dl.three dd.text1{
	font-size: 14px;
	color: #000;
	margin-top: 40px;
    text-align: center;
}
section#int-wrapper dl.three dd.text2{
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 13px;
	text-align: center;
}
section#int-wrapper dl.three dd.text3{
	font-size: 14px;
	color: #ef7408;
	margin-top: 16px;
	text-align: center;
}
/* 9.4右侧图片 小米路由器3 设置间距 文字：设置颜色 大小 间距 */
section#int-wrapper dl.four{
	width: 236px;
	height: 303px;
	bor der: 1px solid red;
	background-color: #fff;
	float: left;
	margin-top: -188px;
	margin-left: 14px;
}
section#int-wrapper dl.four dt{
	text-align: center;
	margin-top: 18px;
}
section#int-wrapper dl.four dd.four-text1{
	font-size: 14px;
	color: #000;
	margin-top: 15px;
    text-align: center;
}
section#int-wrapper dl.four dd.four-text2{
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 13px;
	text-align: center;
}
section#int-wrapper dl.four dd.four-text3{
	font-size: 14px;
	color: #ef7408;
	margin-top: 16px;
	text-align: center;
}
/* 9.5右侧图片 小米手环光感版 设置间距 文字：设置颜色 大小 间距 */
section#int-wrapper dl.five{
	width: 236px;
	height: 303px;
	bor der: 1px solid red;
	background-color: #fff;
	float: left;
	margin-top: -188px;
	margin-left: 14px;
}
section#int-wrapper dl.five dt{
	text-align: center;
	margin-top: 18px;
}
section#int-wrapper dl.five dd.five-text1{
	font-size: 14px;
	color: #000;
	margin-top: 15px;
	text-align: center;
}
section#int-wrapper dl.five dd.five-text2{
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 13px;
	text-align: center;
}
section#int-wrapper dl.five dd.five-text3{
	font-size: 14px;
	color: #ef7408;
	margin-top: 16px;
	text-align: center;
}
/* 9.6右侧图片 小米智能安防套装 设置间距 文字：设置颜色 大小 间距 */
section#int-wrapper dl.six{
	width: 236px;
	height: 303px;
	bo rder: 1px solid red;
	background-color: #fff;
	float: left;
	margin-top: -188px;
	margin-left: 13px;
}
section#int-wrapper dl.six dt{
	text-align: center;
	margin-top: 18px;
}
section#int-wrapper dl.six dd.six-text1{
	font-size: 14px;
	color: #000;
	margin-top: 15px;
	text-align: center;
}
section#int-wrapper dl.six dd.six-text2{
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 13px;
	text-align: center;
	}
section#int-wrapper dl.six dd.six-text3{
	font-size: 14px;
	color: #ef7408;
	margin-top: 16px;
	text-align: center;
}
/* 9.7右侧图片 小米智能安防套装 设置间距 文字：设置颜色 大小 间距 */
section#int-wrapper dl.seven{
	width: 236px;
	height: 303px;
	bor der: 1px solid red;
	background-color: #fff;
	float: left;
	margin-top: 8px;
	margin-left: 244px;
}
section#int-wrapper dl.seven dt{
	text-align: center;
	margin-top: 18px;
}
section#int-wrapper dl.seven dd.seven-text1{
	font-size: 14px;
	color: #000;
	margin-top: 15px;
	text-align: center;
}
section#int-wrapper dl.seven dd.seven-text2{
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 13px;
	text-align: center;
}
section#int-wrapper dl.seven dd.seven-text3{
	font-size: 14px;
	color: #ef7408;
	margin-top: 16px;
	text-align: center;
}
/* 9.8右侧图片 小米智能血压计 设置间距 文字：设置颜色 大小 间距*/
section#int-wrapper dl.eight{
	width: 236px;
	height: 303px;
	bor der: 1px solid red;
	background-color: #fff;
	float: left;
	margin-top: 8px;
	margin-left: 14px;
}
section#int-wrapper dl.eight dt{
	text-align: center;
	margin-top: 18px;
}
section#int-wrapper dl.eight dd.eight-text1{
	font-size: 14px;
	color: #000;
	margin-top: 15px;
	text-align: center;
}
section#int-wrapper dl.eight dd.eight-text2{
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 13px;
	text-align: center;
}
section#int-wrapper dl.eight dd.eight-text3{
	font-size: 14px;
	color: #ef7408;
	margin-top: 16px;
	text-align: center;
}
/* 9.9右侧图片 小米智能摄像机 设置间距 文字：设置颜色 大小 间距*/
section#int-wrapper dl.nine{
	width: 236px;
	height: 303px;
	bor der: 1px solid red;
	background-color: #fff;
	float: left;
	margin-top: -303px;
	margin-left: 744px;
}
section#int-wrapper dl.nine dt{
	text-align: center;
	margin-top: 18px;
}
section#int-wrapper dl.nine dd.nine-text1{
	font-size: 14px;
	color: #000;
	margin-top: 15px;
	text-align: center;
}
section#int-wrapper dl.nine dd.nine-text2{
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 13px;
	text-align: center;
}
section#int-wrapper dl.nine dd.nine-text3{
	font-size: 14px;
	color: #ef7408;
	margin-top: 16px;
	text-align: center;
}
/* 9.9右侧图片 小米床头灯 设置间距 文字：设置颜色 大小 间距*/
section#int-wrapper dl.ten{
	width: 236px;
	height: 303px;
	bor der: 1px solid red;
	background-color: #fff;
	float: left;
	margin-top: -303px;
	margin-left: 994px;
}
section#int-wrapper dl.ten dt{
	text-align: center;
	margin-top: 35px;
}
section#int-wrapper dl.ten dd.ten-text1{
	font-size: 14px;
	color: #000;
    text-align: center;
}
section#int-wrapper dl.ten dd.ten-text2{
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 13px;
	text-align: center;
}
section#int-wrapper dl.ten dd.ten-text3{
	font-size: 14px;
	color: #ef7408;
	margin-top: 16px;
	text-align: center;
}
/* 10.所有dl加阴影 */
section#int-wrapper dl:hover{
	filter: drop-shadow(0 0 5px #333);
	transform: translateY(-4px);
}
/*1. 搭配 中控区 设置宽高 居中 */
section#match-wrapper{
	width: 1232px;
	height: 705px;
	bo rder: 1px solid red;
	margin: 0 auto;
}
/* 2.1左侧文字区 span 设置字体颜色 大小 */
section#match-wrapper span{
	bor der: 1px solid red;
	font-size: 23px;
	color: #000;
	float: left;
}
/* 2.2 右侧部分：li 设置布局 浮动 */
section#match-wrapper ul li{
	float: right;
}
/* 2.3右侧部分：li a 设置颜色 大小 左右间距*/
section#match-wrapper ul li a{
	bor der: 1px solid red;
	color: #000;
	font-size: 18px;
	margin-left: 27px;
}
/* 2.4 右侧部分：li a 设置悬停效果 变颜色 加下划线*/
section#match-wrapper ul li a:hover{
	color: #fe7b3f;
	text-decoration: underline;
}
/* 3.图片区域 第一排 */
/* 3.1第一个图片 设置宽高 布局 */
section#match-wrapper dl.one{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	margin-top: 50px;
	margin-left: -47px;
	float: left;
}
/* 3.2上面后四个图片 统一设置布局 */
section#match-wrapper dl.two,section#match-wrapper dl.three,section#match-wrapper dl.four,section#match-wrapper dl.five{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 50px;
	margin-left: 12px;
}
/* 3.3上面最后两个图片 设置与上面文字的间距 */
section#match-wrapper dl.four,section#match-wrapper dl.five{
	bor der: 1px solid #000;
	margin-top: 26px;
}
/* 3.4第二排第一个图片 设置宽高 布局 */
section#match-wrapper dl.six{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	margin-top: 11px;
	margin-left: -1px;
	float: left;
}
/* 3.5第二排最后一个大外框div 设置宽高 布局 */
section#match-wrapper div.last{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: -301px;
	margin-left: 990px;
	float: left;
	background-color: #f5f5f5;
}
/* 3.6第二排最后一个图片框里的两个小边框 设置宽高 布局 */
section#match-wrapper div.last dl.ten{
	width: 236px;
	height: 145px;
	bo rder: 1px solid red;
}
/* 设置两个小框框的间距 */
section#match-wrapper div.last dl.eleven{
	width: 236px;
	height: 145px;
	bor der: 1px solid red;
	margin-top: 12px;
}
/* 3.7下面中间三个图片 统一设置布局 */
section#match-wrapper dl.seven,section#match-wrapper dl.eight,section#match-wrapper dl.nine{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 12px;
	margin-left: 10.7px;
}
/* 3.8 设置第2.3.4.5.7.8.9.10.11的背景颜色 */
section#match-wrapper dl.two,section#match-wrapper dl.three,section#match-wrapper dl.four,section#match-wrapper dl.five,section#match-wrapper dl.seven,section#match-wrapper dl.eight,section#match-wrapper dl.nine,section#match-wrapper dl.ten,section#match-wrapper dl.eleven{
	background-color: #fff;
}
/* 4.第一个图片 */
section#match-wrapper dl.one dt img{
	bor der: 1px solid red;
	background-size: 100% 100%;
}
/* 5.1第二个图片  */
section#match-wrapper dl.two dt img{
	bor der: 1px solid red;
	margin-top: 48px;
}
/* 5.2第二个图片 第一行文字 字体大小 颜色 间距 */
section#match-wrapper dl.two dd.two-text1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #474747;
	margin-top: 29px;
}
/* 5.3第二个图片 第二行文字 字体大小 颜色 间距 */
section#match-wrapper dl.two dd.two-text2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 9px;
}
/* 5.4第二个图片 第三行文字 字体大小 颜色 间距 */
section#match-wrapper dl.two dd.two-text3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ef7408;
	margin-top: 9px;
}
/* 6.1第三个图片  */
section#match-wrapper dl.three dt img{
	bor der: 1px solid red;
	margin-top: 48px;
}
/* 6.2第三个图片 第一行文字 字体大小 颜色 间距 */
section#match-wrapper dl.three dd.three-text1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #474747;
	margin-top: 37px;
}
/*6.3第三个图片 第二行文字 字体大小 颜色 间距 */
section#match-wrapper dl.three dd.three-text2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 9px;
}
/* 6.4第三个图片 第三行文字 字体大小 颜色 间距 */
section#match-wrapper dl.three dd.three-text3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ef7408;
	margin-top: 9px;
}
/* 7.1第四个图片  */
section#match-wrapper dl.four dt img{
	bor der: 1px solid red;
	margin-top: 100px;
}
/* 7.2第四个图片 第一行文字 字体大小 颜色 间距 */
section#match-wrapper dl.four dd.four-text1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #474747;
	margin-top: 82px;
}
/*7.3第四个图片 第二行文字 字体大小 颜色 间距 */
section#match-wrapper dl.four dd.four-text2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 9px;
}
/*7.4第四个图片 第三行文字 字体大小 颜色 间距 */
section#match-wrapper dl.four dd.four-text3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ef7408;
	margin-top: 9px;
}
/* 8.1第五个图片  */
section#match-wrapper dl.five dt img{
	bor der: 1px solid red;
	margin-top: 48px;
}
/* 8.2第五个图片 第一行文字 字体大小 颜色 间距 */
section#match-wrapper dl.five dd.five-text1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #474747;
	margin-top: 30px;
}
/*8.3第五个图片 第二行文字 字体大小 颜色 间距 */
section#match-wrapper dl.five dd.five-text2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 9px;
}
/*8.4第五个图片 第三行文字 字体大小 颜色 间距 */
section#match-wrapper dl.five dd.five-text3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ef7408;
	margin-top: 9px;
}
/* 9.第六个图片 */
section#match-wrapper dl.six dt img{
	bor der: 1px solid red;
	background-size: 100% 100%;
}
/* 10.1第七个图片  */
section#match-wrapper dl.seven dt img{
	bor der: 1px solid red;
	margin-top: 53px;
}
/* 10.2第七个图片 第一行文字 字体大小 颜色 间距 */
section#match-wrapper dl.seven dd.seven-text1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #474747;
	margin-top: 27px;
}
/*10.3第七个图片 第二行文字 字体大小 颜色 间距 */
section#match-wrapper dl.seven dd.seven-text2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 9px;
}
/*10.4第七个图片 第三行文字 字体大小 颜色 间距 */
section#match-wrapper dl.seven dd.seven-text3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ef7408;
	margin-top: 9px;
}
/* 11.1第八个图片  */
section#match-wrapper dl.eight dt img{
	bor der: 1px solid red;
	margin-top: 55px;
}
/* 11.2第八个图片 第一行文字 字体大小 颜色 间距 */
section#match-wrapper dl.eight dd.eight-text1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #474747;
	margin-top: 30px;
}
/*11.3第八个图片 第二行文字 字体大小 颜色 间距 */
section#match-wrapper dl.eight dd.eight-text2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 9px;
}
/*11.4第八个图片 第三行文字 字体大小 颜色 间距 */
section#match-wrapper dl.eight dd.eight-text3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ef7408;
	margin-top: 9px;
}
/* 12.1第九个图片  */
section#match-wrapper dl.nine dt img{
	bor der: 1px solid red;
	margin-top: 66px;
}
/* 12.2第九个图片 第一行文字 字体大小 颜色 间距 */
section#match-wrapper dl.nine dd.nine-text1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #474747;
	margin-top: 30px;
}
/*12.3第九个图片 第二行文字 字体大小 颜色 间距 */
section#match-wrapper dl.nine dd.nine-text2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 9px;
}
/*12.4第九个图片 第三行文字 字体大小 颜色 间距 */
section#match-wrapper dl.nine dd.nine-text3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ef7408;
	margin-top: 9px;
}
/* 设置悬停效果 */
section#match-wrapper dl.one:hover,section#match-wrapper dl.two:hover,section#match-wrapper dl.three:hover,section#match-wrapper dl.four:hover,section#match-wrapper dl.five:hover,section#match-wrapper dl.six:hover,section#match-wrapper dl.seven:hover,section#match-wrapper dl.eight:hover,section#match-wrapper dl.nine:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-3px);
}
/* 时间 */
section#match-wrapper dl.one:hover,section#match-wrapper dl.two:hover,section#match-wrapper dl.three:hover,section#match-wrapper dl.four:hover,section#match-wrapper dl.five:hover,section#match-wrapper dl.six:hover,section#match-wrapper dl.seven:hover,section#match-wrapper dl.eight:hover,section#match-wrapper dl.nine:hover{
	transition: all 0.8s ease;
}
section#match-wrapper div.last:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-3px);
}
section#match-wrapper div.last:hover{
	transition: all 0.6s ease;
}
/*1. 周边 中控区 设置宽高 居中 */
section#border-wrapper{
	width: 1232px;
	height: 705px;
	bo rder: 1px solid red;
	margin: 0 auto;
}
/* 2.1左侧文字区 span 设置字体颜色 大小 */
section#border-wrapper span{
	bor der: 1px solid red;
	font-size: 24px;
	color: #000;
	float: left;
}
/* 2.2 右侧部分：li 设置布局 浮动 */
section#border-wrapper ul li{
	float: right;
}
/* 2.3右侧部分：li a 设置颜色 大小 左右间距*/
section#border-wrapper ul li a{
	bor der: 1px solid red;
	color: #000;
	font-size: 18px;
	margin-left: 27px;
}
/* 2.4 右侧部分：li a 设置悬停效果 变颜色 加下划线*/
section#border-wrapper ul li a:hover{
	color: #fe7b3f;
	text-decoration: underline;
}
/* 3.图片区域 第一排 */
/* 3.1第一个图片 设置宽高 布局 */
section#border-wrapper dl.one{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	margin-top: 50px;
	margin-left: -49px;
	float: left;
}
/* 3.2上面第2 3个图片 统一设置布局 */
section#border-wrapper dl.two,section#border-wrapper dl.three{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 50px;
	margin-left: 12px;
}
/* 3.3上面最后两个图片 设置与上面文字的间距 */
section#border-wrapper dl.four,section#border-wrapper dl.five{
	width: 236px;
	height: 300px;
	bor der: 1px solid #000;
	margin-top: 25px;
	margin-left: 12px;
	float: left;
	text-align: center;
	
}
/* 3.4第二排第一个图片 设置宽高 布局 */
section#border-wrapper dl.six{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	margin-top: 15px;
	margin-left: -1px;
	float: left;
}
/* 3.5第二排最后一个大外框div 设置宽高 布局 */
section#border-wrapper div.last2{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: -298px;
	margin-left: 994px;
	float: left;
	background-color: #f5f5f5;
}
/* 3.6第二排最后一个图片框里的两个小边框 设置宽高 布局 */
section#border-wrapper div.last2 dl.ten{
	width: 236px;
	height: 145px;
	bor der: 1px solid red;
}
/* 设置两个小框框的间距 */
section#border-wrapper div.last2 dl.eleven{
	width: 236px;
	height: 145px;
	bor der: 1px solid red;
	margin-top: 10px;
}
/* 3.7下面中间三个图片 统一设置布局 */
section#border-wrapper dl.seven,section#border-wrapper dl.eight,section#border-wrapper dl.nine{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 15px;
	margin-left: 12px;
}
/* 3.8 设置第2.3.4.5.7.8.9.10.11的背景颜色 */
section#border-wrapper dl.two,section#border-wrapper dl.three,section#border-wrapper dl.four,section#border-wrapper dl.five,section#border-wrapper dl.seven,section#border-wrapper dl.eight,section#border-wrapper dl.nine,section#border-wrapper dl.ten,section#border-wrapper dl.eleven{
	background-color: #fff;
}
/* 4.第一个图片 */
section#border-wrapper dl.one dt img{
	bor der: 1px solid red;
	background-size: 100% 100%;
}
/* 5.1第二个图片  */
section#border-wrapper dl.two dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 5.2第二个图片 第一行文字 字体大小 颜色 间距 */
section#border-wrapper dl.two dd.bor1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 8px;
}
/* 5.3第二个图片 第二行文字 字体大小 颜色 间距 */
section#border-wrapper dl.two dd.bor2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 5.4第二个图片 第三行文字 字体大小 颜色 间距 */
section#border-wrapper dl.two dd.bor3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 6.1第三个图片  */
section#border-wrapper dl.three dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 6.2第三个图片 第一行文字 字体大小 颜色 间距 */
section#border-wrapper dl.three dd.three-bor1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 8px;
}
/* 6.3第三个图片 第二行文字 字体大小 颜色 间距 */
section#border-wrapper dl.three dd.three-bor2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 6.4第三个图片 第三行文字 字体大小 颜色 间距 */
section#border-wrapper dl.three dd.three-bor3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 7.1第四个图片  */
section#border-wrapper dl.four dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 7.2第四个图片 第一行文字 字体大小 颜色 间距 */
section#border-wrapper dl.four dd.four-bor1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 8px;
}
/* 7.3第四个图片 第二行文字 字体大小 颜色 间距 */
section#border-wrapper dl.four dd.four-bor2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 7.4第四个图片 第三行文字 字体大小 颜色 间距 */
section#border-wrapper dl.four dd.four-bor3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 8.1第五个图片  */
section#border-wrapper dl.five dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 8.2第五个图片 第一行文字 字体大小 颜色 间距 */
section#border-wrapper dl.five dd.five-bor1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 8px;
}
/* 8.3第五个图片 第二行文字 字体大小 颜色 间距 */
section#border-wrapper dl.five dd.five-bor2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 8.4第五个图片 第三行文字 字体大小 颜色 间距 */
section#border-wrapper dl.five dd.five-bor3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 9.第六个图片 */
section#border-wrapper dl.six dt img{
	bor der: 1px solid red;
	background-size: 100% 100%;
}
/* 10.1第七个图片  */
section#border-wrapper dl.seven dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 10.2第七个图片 第一行文字 字体大小 颜色 间距 */
section#border-wrapper dl.seven dd.seven-bor1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 8px;
}
/* 10.3第七个图片 第二行文字 字体大小 颜色 间距 */
section#border-wrapper dl.seven dd.seven-bor2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 10.4第七个图片 第三行文字 字体大小 颜色 间距 */
section#border-wrapper dl.seven dd.seven-bor3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 11.1第八个图片  */
section#border-wrapper dl.eight dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 11.2第八个图片 第一行文字 字体大小 颜色 间距 */
section#border-wrapper dl.eight dd.eight-bor1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 8px;
}
/* 11.3第八个图片 第二行文字 字体大小 颜色 间距 */
section#border-wrapper dl.eight dd.eight-bor2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 11.4第八个图片 第三行文字 字体大小 颜色 间距 */
section#border-wrapper dl.eight dd.eight-bor3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 12.1第九个图片  */
section#border-wrapper dl.nine dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 12.2第九个图片 第一行文字 字体大小 颜色 间距 */
section#border-wrapper dl.nine dd.nine-bor1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 8px;
}
/* 12.3第九个图片 第二行文字 字体大小 颜色 间距 */
section#border-wrapper dl.nine dd.nine-bor2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 12.4第九个图片 第三行文字 字体大小 颜色 间距 */
section#border-wrapper dl.nine dd.nine-bor3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 设置悬停效果 */
section#border-wrapper dl.one:hover,section#border-wrapper dl.two:hover,section#border-wrapper dl.three:hover,section#border-wrapper dl.four:hover,section#border-wrapper dl.five:hover,section#border-wrapper dl.six:hover,section#border-wrapper dl.seven:hover,section#border-wrapper dl.eight:hover,section#border-wrapper dl.nine:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-3px);
}
/* 时间 */
section#border-wrapper dl.one:hover,section#border-wrapper dl.two:hover,section#border-wrapper dl.three:hover,section#border-wrapper dl.four:hover,section#border-wrapper dl.five:hover,section#border-wrapper dl.six:hover,section#border-wrapper dl.seven:hover,section#border-wrapper dl.eight:hover,section#border-wrapper dl.nine:hover{
	transition: all 0.8s ease;
}
section#border-wrapper div.last2:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-3px);
}
section#border-wrapper div.last2:hover{
	transition: all 0.6s ease;
}
/* 配件 中控区 设置宽高 居中 */
section#part-wrapper{
	width: 1232px;
	height: 705px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 1.左侧文字区 span 设置字体颜色 大小 */
section#part-wrapper span{
	bor der: 1px solid red;
	font-size: 24px;
	color: #000;
	float: left;
}
/* 2.1 右侧部分：li 设置布局 浮动 */
section#part-wrapper ul li{
	float: right;
}
/* 2.2右侧部分：li a 设置颜色 大小 左右间距*/
section#part-wrapper ul li a{
	bor der: 1px solid red;
	color: #000;
	font-size: 18px;
	margin-left: 27px;
}
/* 2.3 右侧部分：li a 设置悬停效果 变颜色 加下划线*/
section#part-wrapper ul li a:hover{
	color: #fe7b3f;
	text-decoration: underline;
}
/* 3.图片区域 第一排 */
/* 3.1第一个图片 设置宽高 布局 */
section#part-wrapper dl.one{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	margin-top: 50px;
	margin-left: -49px;
	float: left;
}
/* 3.2上面第2 3个图片 统一设置布局 */
section#part-wrapper dl.two,section#part-wrapper dl.three{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 50px;
	margin-left: 12px;
}
/* 3.3上面最后两个图片 设置与上面文字的间距 */
section#part-wrapper dl.four,section#part-wrapper dl.five{
	width: 236px;
	height: 300px;
	bor der: 1px solid #000;
	margin-top: 25px;
	margin-left: 12px;
	float: left;
	text-align: center;
	
}
/* 3.4第二排第一个图片 设置宽高 布局 */
section#part-wrapper dl.six{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	margin-top: 15px;
	margin-left: -1px;
	float: left;
}
/* 3.5第二排最后一个大外框div 设置宽高 布局 */
section#part-wrapper div.last3{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	text-align: center;
	margin-top: -298px;
	margin-left: 994px;
	float: left;
	background-color: #f5f5f5;
}
/* 3.6第二排最后一个图片框里的两个小边框 设置宽高 布局 */
section#part-wrapper div.last3 dl.ten{
	width: 236px;
	height: 145px;
	bor der: 1px solid red;
}
/* 设置两个小框框的间距 */
section#part-wrapper div.last3 dl.eleven{
	width: 236px;
	height: 145px;
	bor der: 1px solid red;
	margin-top: 10px;
}
/* 3.7下面中间三个图片 统一设置布局 */
section#part-wrapper dl.seven,section#part-wrapper dl.eight,section#part-wrapper dl.nine{
	width: 236px;
	height: 300px;
	bor der: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 15px;
	margin-left: 12px;
}
/* 3.8 设置第2.3.4.5.7.8.9.10.11的背景颜色 */
section#part-wrapper dl.two,section#part-wrapper dl.three,section#part-wrapper dl.four,section#part-wrapper dl.five,section#part-wrapper dl.seven,section#part-wrapper dl.eight,section#part-wrapper dl.nine,section#part-wrapper dl.ten,section#part-wrapper dl.eleven{
	background-color: #fff;
}
/* 4.第一个图片 */
section#part-wrapper dl.one dt img{
	bor der: 1px solid red;
	background-size: 100% 100%;
}
/* 5.1第二个图片  */
section#part-wrapper dl.two dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 5.2第二个图片 第一行文字 字体大小 颜色 间距 */
section#part-wrapper dl.two dd.part1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 23px;
}
/* 5.3第二个图片 第二行文字 字体大小 颜色 间距 */
section#part-wrapper dl.two dd.part2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 5.4第二个图片 第三行文字 字体大小 颜色 间距 */
section#part-wrapper dl.two dd.part3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 6.1第三个图片  */
section#part-wrapper dl.three dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 6.2第三个图片 第一行文字 字体大小 颜色 间距 */
section#part-wrapper dl.three dd.three-part1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 17px;
}
/* 6.3第三个图片 第二行文字 字体大小 颜色 间距 */
section#part-wrapper dl.three dd.three-part2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 6.4第三个图片 第三行文字 字体大小 颜色 间距 */
section#part-wrapper dl.three dd.three-part3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 7.1第四个图片  */
section#part-wrapper dl.four dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 7.2第四个图片 第一行文字 字体大小 颜色 间距 */
section#part-wrapper dl.four dd.four-part1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 17px;
}
/* 7.3第四个图片 第二行文字 字体大小 颜色 间距 */
section#part-wrapper dl.four dd.four-part2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 7.4第四个图片 第三行文字 字体大小 颜色 间距 */
section#part-wrapper dl.four dd.four-part3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 8.1第五个图片  */
section#part-wrapper dl.five dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 8.2第五个图片 第一行文字 字体大小 颜色 间距 */
section#part-wrapper dl.five dd.five-part1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 17px;
}
/* 8.3第五个图片 第二行文字 字体大小 颜色 间距 */
section#part-wrapper dl.five dd.five-part2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 8.4第五个图片 第三行文字 字体大小 颜色 间距 */
section#part-wrapper dl.five dd.five-part3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 9.第六个图片 */
section#part-wrapper dl.six dt img{
	bor der: 1px solid red;
	background-size: 100% 100%;
}
/* 10.1第七个图片  */
section#part-wrapper dl.seven dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 10.2第七个图片 第一行文字 字体大小 颜色 间距 */
section#part-wrapper dl.seven dd.seven-part1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 17px;
}
/* 10.3第七个图片 第二行文字 字体大小 颜色 间距 */
section#part-wrapper dl.seven dd.seven-part2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 10.4第七个图片 第三行文字 字体大小 颜色 间距 */
section#part-wrapper dl.seven dd.seven-part3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 11.1第八个图片  */
section#part-wrapper dl.eight dt img{
	bor der: 1px solid red;
	margin-top: 42px;
}
/* 11.2第八个图片 第一行文字 字体大小 颜色 间距 */
section#part-wrapper dl.eight dd.eight-part1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 19px;
}
/* 11.3第八个图片 第二行文字 字体大小 颜色 间距 */
section#part-wrapper dl.eight dd.eight-part2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 11.4第八个图片 第三行文字 字体大小 颜色 间距 */
section#part-wrapper dl.eight dd.eight-part3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 12.1第九个图片  */
section#part-wrapper dl.nine dt img{
	bor der: 1px solid red;
	margin-top: 45px;
}
/* 12.2第九个图片 第一行文字 字体大小 颜色 间距 */
section#part-wrapper dl.nine dd.nine-part1{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	margin-top: 16px;
}
/* 12.3第九个图片 第二行文字 字体大小 颜色 间距 */
section#part-wrapper dl.nine dd.nine-part2{
	bor der: 1px solid red;
	font-size: 13px;
	color: #ff6709;
	margin-top: 10px;
}
/* 12.4第九个图片 第三行文字 字体大小 颜色 间距 */
section#part-wrapper dl.nine dd.nine-part3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 10px;
}
/* 设置悬停效果 */
section#part-wrapper dl.one:hover,section#part-wrapper dl.two:hover,section#part-wrapper dl.three:hover,section#part-wrapper dl.four:hover,section#part-wrapper dl.five:hover,section#part-wrapper dl.six:hover,section#part-wrapper dl.seven:hover,section#part-wrapper dl.eight:hover,section#part-wrapper dl.nine:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-3px);
}
/* 时间 */
section#part-wrapper dl.one:hover,section#part-wrapper dl.two:hover,section#part-wrapper dl.three:hover,section#part-wrapper dl.four:hover,section#part-wrapper dl.five:hover,section#part-wrapper dl.six:hover,section#part-wrapper dl.seven:hover,section#part-wrapper dl.eight:hover,section#part-wrapper dl.nine:hover{
	transition: all 0.8s ease;
}
section#part-wrapper div.last3:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-3px);
}
section#part-wrapper div.last3:hover{
	transition: all 0.6s ease;
}
/* 热评产品 中控区 设置宽高 居中 */
section#hot-wrapper{
	width: 1232px;
	height: 505px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 1.左侧文字区 span 设置字体颜色 大小 */
section#hot-wrapper span{
	bor der: 1px solid red;
	font-size: 24px;
	color: #000;
	float: left;
}
/* 2.第一个图片区域 设置宽高 边距 浮动*/
section#hot-wrapper dl.one{
	width: 298px;
	height: 417px;
	bor der: 1px solid red;
	margin-top: 50px;
	float: left;
	margin-left: -96px;
}
/*第一个图片 */
section#hot-wrapper dl.one dt img{
	bor der: 1px solid red;
	background-size: 100% 100%;
}
/* 第一个图片 第一行文字 字体大小 颜色 间距 */
section#hot-wrapper dl.one dd.hot1{
	bor der: 1px solid red;
	width: 240px;
	font-size: 14px;
	color: #000;
	margin-top: 30px;
	margin-left: 26px;
}
/* 第一个图片 第二行文字 字体大小 颜色 间距 */
section#hot-wrapper dl.one dd.hot2{
	bor der: 1px solid red;
	width: 240px;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 35px;
	margin-left: 26px;
}
/* 第一个图片 第三行文字 左侧字体大小 颜色 右侧边框 间距 */
section#hot-wrapper dl.one dd.hot3{
	border-right: 1px solid #a8a8a8;
	width: 92px;
	font-size: 14px;
	color: #000;
	margin-top: 14px;
	margin-left: 26px;
}
/* 第一个图片 第三行文字 右侧字体大小 颜色 右侧边框 间距 */
section#hot-wrapper dl.one dd.hot4{
	width: 92px;
	font-size: 14px;
	color: #ff6700;
	margin-top: -20px;
	margin-left: 132px;
}
/*第二个图片 设置宽高 边距 浮动*/
section#hot-wrapper dl.two{
	width: 298px;
	height: 417px;
	bor der: 1px solid red;
	margin-top: 50px;
	float: left;
	margin-left: 12px;
}
/* 图片 */
section#hot-wrapper dl.two dt img{
	bor der: 1px solid red;
	background-size: 100% 100%;
}
/* 第二个图片 第一行文字 字体大小 颜色 间距 */
section#hot-wrapper dl.two dd.two-hot1{
	bor der: 1px solid red;
	width: 240px;
	font-size: 14px;
	color: #000;
	margin-top: 30px;
	margin-left: 28px;
}
/* 第二个图片 第二行文字 字体大小 颜色 间距 */
section#hot-wrapper dl.two dd.two-hot2{
	bor der: 1px solid red;
	width: 240px;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 50px;
	margin-left: 26px;
}

/* 第二个图片 第三行文字 左侧字体大小 颜色 右侧边框 间距 */
section#hot-wrapper dl.two dd.two-hot3{
	border-right: 1px solid #a8a8a8;
	width: 145px;
	font-size: 14px;
	color: #000;
	margin-top: 14px;
	margin-left: 26px;
}
/* 第二个图片 第三行文字 右侧字体大小 颜色 右侧边框 间距 */
section#hot-wrapper dl.two dd.two-hot4{
	width: 92px;
	font-size: 14px;
	color: #ff6700;
	margin-top: -20px;
	margin-left: 187px;
}
/*第三个图片 设置宽高 边距 浮动*/
section#hot-wrapper dl.three{
	width: 298px;
	height: 417px;
	bor der: 1px solid red;
	margin-top: 50px;
	float: left;
	margin-left: 12px;
}
/* 图片 */
section#hot-wrapper dl.three dt img{
	bor der: 1px solid red;
	background-size: 100% 100%;
}
/* 第三个图片 第一行文字 字体大小 颜色 间距 */
section#hot-wrapper dl.three dd.three-hot1{
	bor der: 1px solid red;
	width: 240px;
	font-size: 14px;
	color: #000;
	margin-top: 30px;
	margin-left: 30px;
}
/* 第三个图片 第二行文字 字体大小 颜色 间距 */
section#hot-wrapper dl.three dd.three-hot2{
	bor der: 1px solid red;
	width: 240px;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 50px;
	margin-left: 26px;
}

/* 第三个图片 第三行文字 左侧字体大小 颜色 右侧边框 间距 */
section#hot-wrapper dl.three dd.three-hot3{
	border-right: 1px solid #a8a8a8;
	width: 83px;
	font-size: 14px;
	color: #000;
	margin-top: 14px;
	margin-left: 26px;
}
/* 第三个图片 第三行文字 右侧字体大小 颜色 右侧边框 间距 */
section#hot-wrapper dl.three dd.three-hot4{
	width: 92px;
	font-size: 14px;
	color: #ff6700;
	margin-top: -20px;
	margin-left: 130px;
}
/*第四个图片 设置宽高 边距 浮动*/
section#hot-wrapper dl.four{
	width: 298px;
	height: 417px;
	bo rder: 1px solid red;
	margin-top: 50px;
	float: left;
	margin-left: 12px;
}
/* 图片 */
section#hot-wrapper dl.four dt img{
	bor der: 1px solid red;
	background-size: 100% 100%;
}
/* 第四个图片 第一行文字 字体大小 颜色 间距 */
section#hot-wrapper dl.four dd.four-hot1{
	bor der: 1px solid red;
	width: 240px;
	font-size: 14px;
	color: #000;
	margin-top: 30px;
	margin-left: 30px;
}
/* 第四个图片 第二行文字 字体大小 颜色 间距 */
section#hot-wrapper dl.four dd.four-hot2{
	bor der: 1px solid red;
	width: 240px;
	font-size: 13px;
	color: #b3b3b3;
	margin-top: 50px;
	margin-left: 26px;
}

/* 第四个图片 第三行文字 左侧字体大小 颜色 右侧边框 间距 */
section#hot-wrapper dl.four dd.four-hot3{
	border-right: 1px solid #a8a8a8;
	width: 155px;
	font-size: 14px;
	color: #000;
	margin-top: 14px;
	margin-left: 26px;
}
/* 第四个图片 第三行文字 右侧字体大小 颜色 右侧边框 间距 */
section#hot-wrapper dl.four dd.four-hot4{
	width: 92px;
	font-size: 14px;
	color: #ff6700;
	margin-top: -20px;
	margin-left: 200px;
}
/* dl 设置背景颜色 */
section#hot-wrapper dl{
	background-color: #fff;
}
/* 设置悬停效果 */
section#hot-wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-3px);
}
section#hot-wrapper dl:hover{
	transition: all 0.6s ease;
}
/* 内容 中控区 设置宽高 居中 */
section#content-wrapper{
	width: 1233px;
	height: 516px;
	bor der: 1px solid #000;
	margin: 0 auto;
}
/* 设置背景颜色 */
section#content-wrapper dl{
	background-color: #fff;
}
/* 1.左侧文字区 span 设置字体颜色 大小 */
section#content-wrapper span{
	bor der: 1px solid red;
	font-size: 24px;
	color: #000;
	float: left;
}
/*2.1第一个图片 设置宽高 边距 浮动 上边框颜色*/
section#content-wrapper dl.one{
	width: 296px;
	height: 428px;
	border-top: 1px solid #ffac13;
	float: left;
	margin-left: -49px;
	margin-top: 50px;
}
/* 2.2 第一个图片 第一行文字 设置颜色 大小 居中 */
section#content-wrapper dl.one dd.con1{
	bor der: 1px solid red;
	font-size: 16px;
	color: #ffac13;
	text-align: center;
    margin-top: 45px;
}
/* 2.3第一个图片 第二行文字 设置颜色 大小 居中 */
section#content-wrapper dl.one dd.con2{
	bor der: 1px solid red;
	font-size: 20px;
	color: #000;
	text-align: center;
    margin-top: 25px;
}
/* 2.4第一个图片 第三行文字 设置颜色 大小 居中 */
section#content-wrapper dl.one dd.con3{
	bor der: 1px solid red;
	width: 200px;
	font-size: 14px;
	color: #9a9898;
	text-align: center;
    margin-top: 15px;
	margin-left: 52px;
}
/* 2.5第一个图片 第四行文字 设置颜色 大小 居中 */
section#content-wrapper dl.one dd.con4{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	text-align: center;
    margin-top: 15px;
}
/* 2.6第一个图片 图片区 */
section#content-wrapper dl.one dt{
	bo rder: 1px solid red;
	text-align: center;
	margin-top: 30px;
}
/*3.1第二个图片 设置宽高 边距 浮动 上边框颜色*/
section#content-wrapper dl.two{
	width: 296px;
	height: 428px;
	border-top: 1px solid #83c44e;
	float: left;
	margin-left: 15px;
	margin-top: 50px;
}
/*3.2 第二个图片 第一行文字 设置颜色 大小 居中 */
section#content-wrapper dl.two dd.two-con1{
	bor der: 1px solid red;
	font-size: 16px;
	color: #83c44e;
	text-align: center;
    margin-top: 45px;
}
/* 2.3第二个图片 第二行文字 设置颜色 大小 居中 */
section#content-wrapper dl.two dd.two-con2{
	bor der: 1px solid red;
	font-size: 20px;
	color: #000;
	text-align: center;
    margin-top: 25px;
}
/* 2.4第二个图片 第三行文字 设置颜色 大小 居中 */
section#content-wrapper dl.two dd.two-con3{
	bor der: 1px solid red;
	width: 200px;
	font-size: 14px;
	color: #9a9898;
	text-align: center;
    margin-top: 15px;
	margin-left: 52px;
}
/* 3.5第二个图片 第四行文字 设置颜色 大小 居中 */
section#content-wrapper dl.two dd.two-con4{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	text-align: center;
    margin-top: 15px;
}
/* 3.6第二个图片 图片区 */
section#content-wrapper dl.two dt{
	bo rder: 1px solid red;
	text-align: center;
	margin-top: 18px;
}
/*4.1第三个图片 设置宽高 边距 浮动 上边框颜色*/
section#content-wrapper dl.three{
	width: 296px;
	height: 428px;
	border-top: 1px solid #e53935;
	float: left;
	margin-left: 15px;
	margin-top: 50px;
}
/*4.2 第三个图片 第一行文字 设置颜色 大小 居中 */
section#content-wrapper dl.three dd.three-con1{
	bor der: 1px solid red;
	font-size: 16px;
	color: #e53935;
	text-align: center;
    margin-top: 45px;
}
/* 3.3第三个图片 第二行文字 设置颜色 大小 居中 */
section#content-wrapper dl.three dd.three-con2{
	bor der: 1px solid red;
	font-size: 20px;
	color: #000;
	text-align: center;
    margin-top: 25px;
}
/* 4.4第三个图片 第三行文字 设置颜色 大小 居中 */
section#content-wrapper dl.three dd.three-con3{
	bor der: 1px solid red;
	width: 200px;
	font-size: 14px;
	color: #9a9898;
	text-align: center;
    margin-top: 15px;
	margin-left: 52px;
}
/* 4.5第三个图片 第四行文字 设置颜色 大小 居中 */
section#content-wrapper dl.three dd.three-con4{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	text-align: center;
    margin-top: 32px;
}
/* 4.6第三个图片 图片区 */
section#content-wrapper dl.three dt{
	bo rder: 1px solid red;
	text-align: center;
	margin-top: 62px;
}
/*5.1第四个图片 设置宽高 边距 浮动 上边框颜色*/
section#content-wrapper dl.four{
	width: 296px;
	height: 428px;
	border-top: 1px solid #2196f3;
	float: left;
	margin-left: 15px;
	margin-top: 50px;
}
/*5.2 第四个图片 第一行文字 设置颜色 大小 居中 */
section#content-wrapper dl.four dd.four-con1{
	bor der: 1px solid red;
	font-size: 16px;
	color: #2196f3;
	text-align: center;
    margin-top: 45px;
}
/*5.3第四个图片 第二行文字 设置颜色 大小 居中 */
section#content-wrapper dl.four dd.four-con2{
	bor der: 1px solid red;
	font-size: 20px;
	color: #000;
	text-align: center;
    margin-top: 25px;
}
/*5.4第四个图片 第三行文字 设置颜色 大小 居中 */
section#content-wrapper dl.four dd.four-con3{
	bor der: 1px solid red;
	width: 200px;
	font-size: 14px;
	color: #9a9898;
	text-align: center;
    margin-top: 15px;
	margin-left: 52px;
}
/* 5.5第四个图片 第四行文字 设置颜色 大小 居中 */
section#content-wrapper dl.four dd.four-con4{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	text-align: center;
    margin-top: 32px;
}
/* 5.6第四个图片 图片区 */
section#content-wrapper dl.four dt{
	bo rder: 1px solid red;
	text-align: center;
	margin-top: 62px;
}
/* 设置悬停效果 */
section#content-wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-3px);
}
section#content-wrapper dl:hover{
	transition: all 0.6s ease;
}
/* 视频 中控区 设置宽高，居中 */
section#video-wrapper{
	width: 1233px;
	height: 390px;
	bor der: 1px solid red;
	margin: 0 auto;
}
/* 设置背景颜色 */
section#video-wrapper dl{
	background-color: #fff;
}
/* 1.左侧文字区 span 设置字体颜色 大小 */
section#video-wrapper span{
	bor der: 1px solid red;
	font-size: 24px;
	color: #000;
	float: left;
}
/*2 右侧长图片 设置间距 文字：设置颜色 大小 间距 */
section#video-wrapper ul.one li{
	font-size: 16px;
	float: right;
	mar gin-top: 3px;
	margin-left: 8px;
}
section#video-wrapper ul.one li a{
	font-size: 18px;
	color: #000;
}
/* 3.大图片区域 外框尺寸 */
section#video-wrapper dl dt img{
	background-size: 100% 100%;;
}
/* 4.精灵图 */
section#video-wrapper dl ul li{
	bo rder: 1px solid red;
	background-image:;
	width: 40px;
	height: 30px;
	margin-top: 141px;
	margin-left: 20px;
	background: url(../img/video_play.png) no-repeat;
	position: absolute;
}
/*5.1第一个图片 设置宽高 边距 浮动 */
section#video-wrapper dl.two{
	width: 296px;
	height: 290px;
	bor der: 1px solid red;
	float: left;
	margin-left: -49px;
	margin-top: 50px;
	position: relative;
}
/* 5.2第一个图片 第一行文字 设置字体大小，颜色 居中 */
section#video-wrapper dl.two dd.video2{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	text-align: center;
	margin-top: 30px;
}
/* 5.3第一个图片 第二行文字 设置字体大小，颜色 居中 */
section#video-wrapper dl.two dd.video3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	text-align: center;
	margin-top: 10px;
}
/*6.1第二个图片 设置宽高 边距 浮动 */
section#video-wrapper dl.three{
	width: 296px;
	height: 290px;
	bor der: 1px solid red;
	float: left;
	margin-left: 13px;
	margin-top: 50px;
	position: relative;
}
/* 6.2第二个图片 第一行文字 设置字体大小，颜色 居中 */
section#video-wrapper dl.three dd.three-video2{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	text-align: center;
	margin-top: 30px;
}
/* 6.3第二个图片 第二行文字 设置字体大小，颜色 居中 */
section#video-wrapper dl.three dd.three-video3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	text-align: center;
	margin-top: 10px;
}
/*7.1第三个图片 设置宽高 边距 浮动 */
section#video-wrapper dl.four{
	width: 296px;
	height: 290px;
	bo rder: 1px solid red;
	float: left;
	margin-left: 13px;
	margin-top: 50px;
	position: relative;
}
/* 7.2第三个图片 第一行文字 设置字体大小，颜色 居中 */
section#video-wrapper dl.four dd.four-video2{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	text-align: center;
	margin-top: 30px;
}
/* 7.3第三个图片 第二行文字 设置字体大小，颜色 居中 */
section#video-wrapper dl.four dd.four-video3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	text-align: center;
	margin-top: 10px;
}
/*8.1第四个图片 设置宽高 边距 浮动 */
section#video-wrapper dl.five{
	width: 296px;
	height: 290px;
	bor der: 1px solid red;
	float: left;
	margin-left: 13px;
	margin-top: 26px;
	position: relative;
}
/* 8.2第四个图片 第一行文字 设置字体大小，颜色 居中 */
section#video-wrapper dl.five dd.five-video2{
	bor der: 1px solid red;
	font-size: 14px;
	color: #000;
	text-align: center;
	margin-top: 30px;
}
/* 8.3第四个图片 第二行文字 设置字体大小，颜色 居中 */
section#video-wrapper dl.five dd.five-video3{
	bor der: 1px solid red;
	font-size: 13px;
	color: #b3b3b3;
	text-align: center;
	margin-top: 10px;
}
/* 9.精灵图  */
section#video-wrapper dl:hover ul li.start{
	background: url(../img/video_play01.png) no-repeat;
}
/* 10.dl 下阴影 设置悬浮效果 */
section#video-wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-3px);
}
/* 11.移动时间 */
section#video-wrapper dl:hover{
	transition: all 0.6s ease;
}





